/* 首页样式 */

/* -----------------------------------------头部样式 -------------------------------*/

header {
  height: 65px;
  padding: 0 30px;
  border-bottom: 1px solid #aec7ec;
  z-index: 99;
  width: 100%;
  box-sizing: border-box;
}

header .logo {
  width: 230px;
  height: 30px;
}

header ul {
  line-height: 64px;
  height: 64px;
  left: 50%;
  transform: translate(-50%); /*向左自身宽度的一半*/
}

header ul li {
  float: left;
  margin: 0 18px;
}

header ul li.active {
  border-bottom: 1px solid #fff;
}

header ul li a {
  color: #fff;
}

/* 右边 */
header .right-box a {
  font-size: 12px;
  display: inline-block;
  padding: 5px 15px;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 13px;
}

header .right-box .login {
  background: #ed510a;
  border: 1px solid #ed510a;
  margin-left: 10px;
}

/*  ·········································横幅 ······························· */
.swiper {
  width: 100%;
  height: 680px;
}

/* ·································云服务 (service)·······································*/

.service {
  width: 1080px;
  margin: 0 auto;
  height: 628px;
  /* background: #aec7ec; */
  text-align: center;
  box-sizing: border-box;
  padding-top: 94px;
}
/* .......................公共样式............................... */
.common-title {
  font-size: 40px;
  font-weight: normal;
  line-height: 60px;
  color: #181818;
}
.common-desc {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  margin-bottom: 11px;
}
.common-link {
  font-size: 12px;
  line-height: 32px;
}

.common-link a {
  color: #1271ef;
}
.common-link a:hover {
  color: #00bdff;
}
/* .....................公共样式结束.............................. */
/* 列表区域 */
.service .content {
  margin-top: 25px;
}

.service .content .con-item {
  text-align: left;
  box-shadow: 2px 4px 10px 0 rgba(18, 113, 239, 0.6);
  margin-right: 40px;
}
.service .content .con-item:last-child {
  margin-right: 0px;
}
.service .con-title {
  color: #181818;
  font-size: 22px;
  line-height: 34px;
}
.service .con-desc {
  font-size: 12px;
  color: #666;
  line-height: 24px;
}
.service .con-link {
  font-size: 12px;
  line-height: 31px;
  padding-bottom: 13px;
  margin-top: 10px;
  color: #1271ef;
}

/* ......................API服务......................... */
.manyapi {
  height: 642px;
  padding-top: 78px;
  box-sizing: border-box;
  background: url(../images/more-api-bg.svg) center top no-repeat #f8f9fb;
}
.manyapi .api-item {
  width: 224px;
  height: 138px;
  box-shadow: 1px 4px 8px 0 rgba(18, 113, 239, 0.6);
  background-color: #fff;
  margin-right: 20px;
  margin-bottom: 20px;
  /* background: url("../images/api01.svg") no-repeat center 36px; */
}
.manyapi .api-item.mr0 {
  margin-right: 0;
}
.manyapi .api-item .block-link {
  display: block;
  height: 100%;
  box-sizing: border-box;
  padding-top: 36px;
}
.manyapi .api-item .block-link .item-name {
  font-size: 16px;
  line-height: 40px;
  color: #181818;
}
.manyapi .more-link {
  font-size: 14px;
  line-height: 44px;
}
/* ........................APIMaster........................... */
.master {
  padding-top: 76px;
  height: 778px;
  box-sizing: border-box;
}
.master .common-desc {
  line-height: 36px;
  margin-bottom: 0px;
}
.master .common-link {
  line-height: 42px;
}
.master .content {
  height: 605px;
  background: url("../images/master-left-bg.svg") no-repeat;
}
/* 右边区域 */
.master .master-list {
  width: 507px;
  height: 546px;
  /* background-color: skyblue; */
  margin-top: 18px;
}
.master .master-list .list-item {
  position: relative;
  height: 81px;
  background-color: #fbfbfd;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 18px;
  box-sizing: border-box;
}
.master .master-list .line {
  position: absolute;
  width: 4px;
  height: 24px;
  left: 0px;
  top: 28px;
  background-color: #1271ef;
}
.master .master-list .list-title {
  line-height: 26px;
  color: #333;
  font-size: 18px;
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: 0px 4px;
}
.master .master-list .list-desc {
  line-height: 22px;
  color: #666;
  font-size: 12px;
}
.master .master-list .bg1 {
  background-image: url("../images/master-item-icon-01.svg");
}
.master .master-list .bg2 {
  background-image: url("../images/master-item-icon-02.svg");
}
.master .master-list .bg3 {
  background-image: url("../images/master-item-icon-03.svg");
}
.master .master-list .bg4 {
  background-image: url("../images/master-item-icon-04.svg");
}
.master .master-list .bg5 {
  background-image: url("../images/master-item-icon-05.svg");
}
.master .master-list .bg6 {
  background-image: url("../images/master-item-icon-06.svg");
}

/* ....................助力行情 */
.help {
  padding-top: 94px;
}
.help .content {
  height: 270px;
  margin-top: 94px;
  background-color: #f8f9fb;
}
/* 图片的父盒子 */
.help .content .imgbox {
  position: relative;
  width: 580px;
  height: 270px;
  /* border: 1px solid blue; */
}
.help .content .imgbox img {
  position: absolute;
  top: -20px;
  width: 100%;
  height: 290px;
}

.help .content .help-item {
  position: absolute;
  width: 100%;
  display: none;
}
.help .content .help-item.current {
  display: block;
}
/* 右边的大盒子 */
.help .content .help-item .item-text {
  position: relative;
  width: 550px;
  height: 270px;
  /* background-color: skyblue; */
  font-size: 14px;
  line-height: 24px;
  padding-top: 50px;
  text-align: justify;
  box-sizing: border-box;
}
.help .content .help-item .item-text .help-icon {
  position: absolute;
  top: -20px;
  left: 0px;
}
.help .content .item-text .text {
  margin-bottom: 50px;
}

.help .content .item-text .department {
  text-align: right;
}
.help .content .department span {
  position: relative;
}
.help .content .department span::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 7px;
  width: 13px;
  height: 4px;
  font-size: 12px;
  background-color: #1271ef;
}
